<template>
  <section>
    <div class="contractContainer">
      <article>
       <div class="ruleThree">
         <p class="titleThree"><b>第三条  房屋交付、返还及腾退</b></p>
         <p class="contentOne">（一）甲方应于
           <span class="contentOneDetail">{{contractDetail.order.beginTime}}</span>
           日前将房屋按约定条件交付给乙方。双方经房屋交验，在《房屋交接及设备清单》（附表1）中签字盖章并移交房门钥匙后视为交付完成。房屋交付前的管理费、水电费、煤气费等相关费用由甲方承担。
         </p>
         <p class="contentTwo">
           （二）租赁期满或合同解除，乙方应按照原状和《房屋交接及设备清单》返还房屋及其附属物品、设备设施，甲乙双方应对房屋和附属物品、设备设施及水电煤气使用等情况进行交验，结清各自应当承担的费用。甲方返还押金、乙方移交房门钥匙后视为房屋腾退完成。
         </p>
          <p class="contentThree">（三）乙方在腾退房屋前应对房屋中属于乙方的物品进行搬离处理，乙方腾退房屋后，乙方遗留在房屋中的物品，视为乙方放弃其所有权，甲方有权自行处理。</p>
          <p class="titleFour"><b>第四条  其他相关费用的承担</b></p>
          <p class="contentOne">（一）租赁期内，水费、电费、电话费、电视收视费、燃气费、物业管理费、卫生费、上网费由乙方承担，房屋租赁税费、室内设施维修费由甲方承担。
         </p>
         <p class="contentTwo">
           （二）本合同中未列明的与房屋有关的其他费用均由甲方承担。如乙方垫付了应由甲方支付的费用，甲方根据乙方出示的相关缴费凭据向乙方返还相应费用。
         </p>
           <p class="titleFive"><b>第五条 成交方式</b></p>
           <p>本房屋租赁通过下列<span class="contentOneDetail"> （一） </span>方式成交：</p>
          <p class="contentOne">（一）甲乙双方自行成交。</p>
         <p class="contentTwo">
           （二）甲乙双方委托同一房地产经纪机构成交，机构名称：<span class="contentOneDetail"><!-- {{contractDetail.apartment.projectNmae}} -->-</span>，
           经纪服务合同编号：<span class="contentOneDetail"><!-- {{contractDetail.order.contractId}} -->-</span>，
           经纪人姓名、电话：<span class="contentOneDetail"> <!-- {{contractDetail.apartment.contactIphone}} --> -</span>。
        </p>
        <p class="contentThere">（三）<span class="contractMemo">-</span></p>
       </div>
      </article>
    </div>
  </section>
</template>
<script>
export default {
  props: ['contractDetail'],
  data () {
    return {
    }
  }
}
</script>
<style lang="less" scoped>
 section{
    width: 100%;
    height: 100%;
    line-height:1;
    overflow:hidden;
  }
  .contractContainer{
    position: relative;
  }
   .contractRule{
     margin-top:2rem;
     text-indent: 1.25rem;
     font-size: 0.8rem;
     line-height: 1.4;
   }
.ruleThree{
   font-size:0.8rem;
   line-height: 1.4;
   margin-top:1rem;
   text-indent:1.25rem;
}
.contentOne>table{
  width:100%;
}
.contentOneDetail{
    width: 60%;
    height: 1rem;
    font-size: 0.8rem;
    display:inline-block;
    line-height: 1.4;
    text-align: center;
    overflow: show;
    border-bottom:1px solid black;
}
.contentOneNum{
    width: 20%;
    height: 1rem;
    font-size: 0.8rem;
    display:inline-block;
    line-height: 1.4;
    overflow: show;
    border-bottom:1px solid black;
}
.contentOne,.contentTwo,.contentThree,.contentFour,.contentFive{
   line-height: 1.4;
   margin-bottom:1rem;
}
.contentOneDetail{
    width:47%;
    text-align: center; 
   }
   .contractMemo{
     width: 78%;
    height: 1rem;
    font-size: 0.8rem;
    display:inline-block;
    line-height: 1.4;
    text-align: center;
    overflow: show;
    border-bottom:1px solid black;
   }
   .contentOne>.contentOneDetail{
     width:100%;
   }
</style>

